<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kiehl's 用户注册-科颜氏Kiehl's中国官方网站</title>
    <link rel="shortcut icon" href="./img/favicon.ico" />
    <script src="./js/apiData.js"></script>
    <script src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>
    <link rel="stylesheet" href="../swiper/swiper.min.css" />
    <script src="../swiper/swiper.min.js"></script>
    <script src="./js/axios.min.js"></script>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./css/headList.css" />
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/footer.css">
  </head>
  <body>
    <div class="headModule">
      <div class="header">
        <div class="head-top">
          <div class="left">
            <div class="nav-menu">
              <div class="menu-item">
                <p class="title">订阅电子杂志</p>
                <div class="menuHover">
                  <div class="label">获取科颜氏最新资讯</div>
                  <form>
                    <input type="text" placeholder="请输入您的电子邮箱" />
                    <div class="black-btn">订阅~</div>
                  </form>
                  <div class="check-box">
                    <input type="checkbox" />
                    <p>
                      我同意依照本
                      <a
                        href="https://policy.lorealchina.com/termsofusewebsite"
                        target="_blank"
                        class="link-text"
                        >使用条款</a
                      >和<a
                        href="https://policy.lorealchina.com/privacypolicy"
                        target="_blank"
                        class="link-text"
                        >隐私政策</a
                      >
                      对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该
                      <a
                      
                        href="https://policy.lorealchina.com/termsofusewebsite"
                        target="_blank"
                        class="link-text"
                        >使用条款</a
                      >
                      和
                      <a
                        href="https://policy.lorealchina.com/privacypolicy"
                        target="_blank"
                        class="link-text"
                        >隐私政策</a
                      >
                      的内容。
                    </p>
                  </div>
                </div>
              </div>
              <div class="menu-item">
                <p class="title">客服中心</p>
                <div class="menuHover">
                  <div class="routine-finder">
                    <div class="flex-box">
                      <div class="popup-left">
                        <span class="iconfont icon-dianhuarexian"></span>
                      </div>
                      <div class="popup-right">
                        <div class="phone-info">
                          <div class="label">客服热线</div>
                          <span>400-820-5433</span>
                        </div>
                        <a href="" class="questions">
                          常见问题
                          <span class="iconfont icon-youjiantou"></span>
                          </svg>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="menu-item">
                <p class="title">
                  <span class="iconfont icon-weizhi"></span>
                </p>
              </div>
              <div class="menu-item">
                <p class="title">
                  <span class="iconfont icon-weixin"></span>
                </p>
                <div class="menuHover">
                  <div class="wechat-box">
                      <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg" class="wechatQR">
                    <div class="wechat-text sans-serif">
                      <span class="title">扫码关注</span>
                      <span class="sub-title">科颜氏官方微信</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="routine-finder">
                <p class="title">选择适合您的护肤品</p>
              </div>
            </div>
          </div>
          <div class="logo">
            <img src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/Logo_d77de5fa-f810-4a5f-ab87-3978a6f483b5/Logo.png">
          </div>
          <div class="right">
            <div class="account-section">
              <div class="user-section">
                <div class="user"
                ><span>登录</span>
              </div>
            </div>
            <div class="user-cart">
              <span class="iconfont icon-gouwudai101"></span>
              <span class="shopping-text">购物袋</span>
              <span>(0)</span>
              <div class="mini-cart popup-with-triangle">
                <div  class="mini-cart-wrap">
                  <div  class="left-wrap">
                    <div  class="empty">
                    <p  class="empty-title">您的购物车为空</p>
                    <a>
                      <p  class="go-shopping">立即选购您喜欢的商品</p>
                    </a>
                  </div>
                </div>
                <div  class="right-wrap">
                  <div  class="product-item">
                    <div  class="product-image">
                      <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg" alt="" >
                    </div>
                    <div class="product-detail">
                        <p  class="product-name">科颜氏高保湿霜</p>
                        <div  class="heart-main">
                          <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p  class="product-price">¥315 - ¥580</p>
                      </div>
                    </div>
                    <div  class="product-item">
                      <div  class="product-image">
                      <img src="https://ecuniplatform-static.kiehls.com.cn/medias/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U_e7bfd07e9c8543f68a8383b263ab651b/PRODUCT_150_150/RATIO/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U.jpg" alt="" >
                      </div>
                      <div  class="product-detail">
                        <p  class="product-name">科颜氏金盏花爽肤水</p>
                        <div  class="heart-main">
                        <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p  class="product-price">¥340 - ¥570</p>
                      </div>
                    </div
                    ><div  class="product-item">
                      <div  class="product-image">
                        <img src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_12-CCDS%E5%AE%89%E7%99%BD%E7%93%B6-30ML_F7681100U.jpg">
                      </div>
                      <div  class="product-detail">
                        <p  class="product-name">科颜氏新集焕白均衡亮肤淡斑精华液</p>
                        <div  class="heart-main">
                        <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p class="product-price">¥540 - ¥1300</p>

                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            
          
          <div class="search-section">
            <div class="nav-item">查看所有产品</div>
            <div class="nav-item no-border">先试后买计划</div>
            <div class="nav-item no-border search-box">
              <input placeholder="高保湿霜">
            <div class="search-btn">
              <span  class="iconfont icon-sousuo"></span>
            </div>
            <div class="el-row">
                </div>
              </div>
              </div>
            </div>
            </div>
        </div>
        </div>
        <nav>
          <ul class="headList"></ul>
          <div class="headList_layer_2"></div>
          <div class="headList_layer_2_title"></div>
          <div class="headList_layer_3"></div>
          <div class="kiehls_text"></div>
        </nav>
      </div>
    </div>

    <!-- 左边固定图片 -->
    <div class="ball-page" >
        <img src="https://ecuniplatform-static.kiehls.com.cn/medias/高保湿霜_225fda49b8f04754a1b7b839b7f80d71/高保湿霜.png" class="icon">
        </div>
        <!-- 右侧固定内容 -->
        <div class="nav-roll">
          <div class="service-tel sans-serif">
            客服<br>电话
            <div class="telephone-box">
              <div class="phone-info">
                <span class="iconfont icon-dianhuarexian"></span>
                <p>咨询热线</p>
                <p>400-820-5433</p>
              </div>
            </div>
          </div>
          <div class="customer-online sans-serif">
            在线<br>咨询
          </div>
        </div>
        <!-- 回到顶部按钮 -->
        <div class="go-top LiHover">
          <span>置顶 ⬆</span>
        </div>
    <script src="./js/headList.js">
    </script>


    <div class="register">
      <div class="register-content">
        <div class="breadcrumb">
            <a href="./index.html">首页</a>
            >
            <span>我的科颜氏</span>
        </div>
        <div class="login-container">
            <div class="register-page-inner">
                <div  class="linkto-login"><span > 我是已注册用户，前往 </span><a href="login.html">登录&gt;</a></div>
                <div class="register-page-container"><div class="register-header"><h1 class="register-header-h">新用户注册</h1></div><div class="user-register-description"><div class="joinnow-description"> 注册即可享一手新品资讯与活动、查看历史订单等。 </div><div class="join-signin-message"> 建议您使用常用手机号进行注册。 </div></div></div>
            <div class="register-container">
                <div  class="register-formobile">
                    <div  class="register-form">
                        <div  class="gender-part">
                            <div  class="prompt-message-label">
                                * 必填项
                            </div>
                            <div  class="input-gender">
                                <div  class="prompt-message-title">
                                    * <span >性别</span>
                                </div>
                                <div  label="性别" class="flex-coloum-compo-select">
                                    <select name="" id="se">
                                        <option >请选择性别</option>
                                        <option >男</option>
                                        <option >女</option>
                                        <option >保密</option>

                                    </select>
                                        
                                    
                                </div>
                            </div>
                        </div>
                        <div  class="input-part">
                            <div  label="* 您的手机号或邮箱" class="input-wight common-input">
                                <div  class="prompt-message-title">
                                    * <span >您的邮箱/手机</span>
                                </div>
                                <div  class="el-input">
                                    <input type="text" autocomplete="off" maxlength="30" placeholder="您的邮箱/手机号" class="el-input__inner">
                                    <span></span>
                                </div>
                                
                            </div>
                            <div  label="* 您的姓名" class="input-wight common-input">
                                <div  class="prompt-message-title">
                                    <span >用户名</span>
                                </div>
                                
                                <div  class="el-input">
                                    <input type="text" autocomplete="off" placeholder="用户名" class="el-input__inner">
                                    <span></span>
                                </div>
                                
                            </div>
                        </div>
                        
                        <div  class="input-part">
                            <div  label="* 密码" class="input-wight common-input">
                                <div  class="prompt-message-title">
                                    * <span >密码</span>
                                </div>
                                <div  class="el-input">
                                    
                                    <input type="password" autocomplete="off" placeholder="密码" class="el-input__inner">
                                    <span></span>
                                </div>
                                
                            </div>
                            <div  label="* 确认密码" class="input-wight common-input">
                                <div  class="prompt-message-title">
                                    * <span >确认密码</span>
                                </div>
                                <div  class="el-input">
                                    <input type="password" autocomplete="off" placeholder="确认密码" class="el-input__inner">
                                    <span></span>
                                </div>
                               
                        </div>
                    </div>

                    <div  class="policy-required">
                        <label  class="el-checkbox">
                            <span class="el-checkbox__input">
                                <span class="el-checkbox__inner">

                                </span>
                                <input type="checkbox"  aria-hidden="false" class="el-checkbox__original" value="">
                            </span>
                            
                        </label>
                        <label >

                        </label>
                        <div  class="policy-title">
                            我同意依照本<a  target="_blank" href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a  href="https://policy.lorealchina.com/privacypolicy" target="_blank">隐私政策</a> 对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该 <a  target="_blank" href="https://policy.lorealchina.com/termsofusewebsite">使用条款</a>和<a  href="https://policy.lorealchina.com/privacypolicy" target="_blank">隐私政策</a> 的内容。 
                        </div>
                    </div>
                    <div  class="register-btn">
                        <button  disabled="disabled" type="button" class="el-button register-go-to btn-border-inside el-button--default is-disabled">
                            <span>立即注册 </span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
            </div>
        </div>
      </div>
    </div>
    <script src="./js/register.js" >


    </script>


<!--  -->
<!--  -->
<!--  -->
<div class="common-footer">
      <div  class="border-bottom-1px">
        <img
         
          src="	https://www.kiehls.com.cn/img/pc_footer.1fd0605e.png"
          alt=""
          id="pcLogoFooter"
          class="footerContent"
        />
      </div>
      <div  class="introWrapper">
        <ul  class="footerContent">
          <li >
            <img
             
              src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/官网直售_5a2863dd-fe16-4798-9271-c54ac571a297/官网直售.png"
              class="icon float-left"
            />
            <div  class="float_left">
              <p >官方直售</p>
              <p  class="subTitle-font">官方直供 正品保证</p>
            </div>
          </li>
          <li >
            <img
             
              src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/顺丰包邮_2c97d901-5cf2-4101-aa4d-ed29284c8100/顺丰包邮.png"
              class="icon float-left"
            />
            <div  class="float_left">
              <p >顺丰包邮</p>
              <p  class="subTitle-font">
                满100元即可享受此项服务 顺丰不达地区使用其他快递
              </p>
            </div>
          </li>
          <li >
            <img
             
              src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/精美礼盒_da935b46-b0aa-4d89-b814-4c8eb1595eb9/精美礼盒.png"
              class="icon float-left"
            />
            <div  class="float_left">
              <p >精美礼盒</p>
              <p  class="subTitle-font">
                甄选精美礼盒包装 尊享官网购物体验
              </p>
            </div>
          </li>
          <li >
            <img
             
              src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/惊喜礼遇_3e8b2bb6-0790-4de1-acd8-48325cbcb101/惊喜礼遇.png"
              class="icon float-left"
            />
            <div  class="float_left">
              <p >惊喜礼遇</p>
              <p  class="subTitle-font">礼遇官网 特惠惊喜</p>
            </div>
          </li>
        </ul>
      </div>
      <div  class="menu-box footerContent">
        <div  class="menu-cloumn">
          <div  class="title">面部护理</div>
          <div  class="title-child">洁面/磨砂膏</div>
          <div  class="title-child">面膜</div>
          <div  class="title-child">明星爽肤水</div>
          <div  class="title-child">精华液</div>
          <div  class="title-child">乳液/面霜</div>
          <div  class="title-child">防晒隔离</div>
          <div  class="title-child">眼部/唇部护理</div>
          <div  class="title-child">特殊护理</div>
        </div>
        <div  class="menu-cloumn">
          <div  class="title">身体护理</div>
          <div  class="title-child">身体保湿</div>
          <div  class="title-child">身体清洁/去角质</div>
          <div  class="title-child">手足护理</div>
          <div  class="title-child">香氛</div>
          <div  class="title-child">婴儿护理</div>
          <div  class="title-child">宠物护理</div>
        </div>
        <div  class="menu-cloumn">
          <div  class="title">男士护理</div>
          <div  class="title-child">洁面/剃须</div>
          <div  class="title-child">爽肤</div>
          <div  class="title-child">面部滋养</div>
          <div  class="title-child">眼部/唇部护理</div>
          <div  class="title-child">造型</div>
          <div  class="title-child">其他护理</div>
        </div>
        <div  class="menu-cloumn">
          <div  class="title">头发护理</div>
          <div  class="title-child">洗发水</div>
          <div  class="title-child">护发素</div>
          <div  class="title-child">修护</div>
        </div>
        <div  class="menu-cloumn">
          <div  class="title">其他</div>
          <div  class="title-child">甄选套组</div>
        </div>
        <div  class="contact-box">
          <div  class="email-box">
            <div  class="label">订阅电子杂志</div>
            <div  class="content-box">
              <input  placeholder="输入您的邮箱" />
              <div  class="black-btn">立即订阅</div>
              <span  style="display: none"
                >请输入正确的邮箱地址</span
              >
              <div  class="check-box">
                <input  type="checkbox" />
                <p >
                  我同意依照本<a
                 
                    target="_blank"
                    href="https://policy.lorealchina.com/termsofusewebsite"
                    >使用条款</a
                  >和<a
                 
                    target="_blank"
                    href="https://policy.lorealchina.com/privacypolicy"
                    >隐私政策</a
                  >对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该<a
                 
                    target="_blank"
                    href="https://policy.lorealchina.com/termsofusewebsite"
                    >使用条款</a
                  >和<a
                 
                    target="_blank"
                    href="https://policy.lorealchina.com/privacypolicy"
                    >隐私政策</a
                  >的内容。
                </p>
              </div>
              <span  style="display: none">请勾选同意</span>
            </div>
          </div>
          <div  id="attachInfo">
            <div  class="attention-box">
              <div  class="label">关注我们</div>
              <div  class="content-box">
                <div  class="icon">
                  <i  class="float_left icon_weibo"></i
                  ><a  href="https://weibo.com/kiehlschina"
                    >官方微博</a
                  >
                </div>
                <div  class="icon">
                  <i  class="float_left icon_wechat"></i
                  ><a  href="javascript:void(0);">官方微信</a>
                  <div
                 
                    class="popup wechat-popup popup-with-right-triangle"
                    
                  >
                    <div  class="wechat-box">
                      <img
                     
                        src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg"
                        class="wechatQR"
                      />
                    </div>
                  </div>
                </div>
                <div  class="icon">
                  <i  class="float_left icon_kstar"></i
                  ><a  target="_blank">K星人俱乐部</a>
                </div>
              </div>
            </div>
            <div  class="attention-box address">
              <div  class="label">联系我们</div>
              <p  class="add_name">欧莱雅（中国）有限公司</p>
              <p  id="add_address">地址：上海市静安区南京西路1601号</p>
            </div>
          </div>
        </div>
      </div>
      <div  class="copyright-box">
        <div >
          <p  style="text-align: center">
            国家药监局提示您：宣称用于祛斑美白、防晒、染发、烫发等的化妆品为特殊用途化妆品，产品标签上应标注“国妆特字”或者“国妆特进字”的标准文号。
          </p>
        </div>
        <ul  class="copyright_beian">
          <li >
            <div >
              <span  class="copy-right">© L'Oréal China </span
              >欧莱雅（中国）有限公司版权所有
            </div>
          </li>
          <li >
            <i  class="middle_icon"
              ><a
             
                target="_blank"
                href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA="
              ></a></i
            ><a
             
              target="_blank"
              href="http://wap.scjgj.sh.gov.cn/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020170518090333000001788070-SAIC_SHOW_310000-20171114174223655199&amp;signData=MEUCIHb/ostwAFBMOMhblsmm93keeWs3MWzSprmQqJD0Nd70AiEA/AA78EF2ERZ7FFQsdWMlVAHTzyvMFy1i/qTStLwI6xA="
              >中国工商</a
            ><a
             
              target="_blank"
              href="https://beian.miit.gov.cn/#/Integrated/index"
              class="icp-margin"
              >沪ICP备08100043号-15</a
            >
          </li>
          <li >
            <i  class="right_icon"
              ><a
             
                target="_blank"
                href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527"
              ></a></i
            ><a
             
              target="_blank"
              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001527"
              >沪公网安备 31010602001527号
            </a>
          </li>
          <li ><i  class="cx-logo"></i></li>
        </ul>
        <div  class="service_box">
          <a
         
            target="_blank"
            href="https://policy.lorealchina.com/cookiespolicy"
            >Cookies政策</a
          ><span  class="devider">|</span
          ><a
         
            target="_blank"
            href="https://policy.lorealchina.com/termsofusewebsite"
            >使用条款</a
          ><span  class="devider">|</span
          ><a
         
            target="_blank"
            href="https://policy.lorealchina.com/privacypolicy"
            >隐私政策</a
          >
        </div>
      </div>
      
    </div>
    
      
  </body>
</html>
